<template>
	<view class="content">
		<uni-drawer :visible="ifDrawerShow">
		    <view style="padding:30rpx;">
		        <view class="uni-title" @tap="goPage(1)">登录页 一</view>
		        <view class="uni-title" @tap="goPage(2)">登录页 二</view>
		        <view class="uni-title" @tap="goPage(3)">登录页 三</view>
		        <view class="uni-title" @tap="goPage(4)">登录页 四</view>
		        <view class="uni-title" @tap="goPage(5)">登录页 五</view>
		        <view class="uni-title" @tap="goPage(6)">登录页 六</view>
		        <view class="uni-title" @tap="goPage(7)">登录页 七</view>
		        <view class="uni-title" @tap="goPage(8)">登录页 八</view>
		        <view class="uni-title" @tap="goPage(9)">登录页 九</view>
		        <view class="uni-title" @tap="goPage(10)">登录页 十</view>
		    </view>
		</uni-drawer>
		<!--  登录页 1 -->
		<view class="login">
			<view class="nav">
				<text class="nav-back text-white cuIcon-back"></text>
				<view class="nav-title">
					Sign in Lock
				</view>
			</view>
			<view class="lock">
				<text class="lock-icon text-white cuIcon-lock"></text>
				<view class="lock-enter">
					Enter
				</view>
				<view class="lock-password">
					Password
				</view>
				<view class="lock-title">
					<text class="text-gray cuIcon-title"></text>
					<text class="text-gray cuIcon-title"></text>
					<text class="text-gray cuIcon-title"></text>
					<text class="text-gray cuIcon-title"></text>
				</view>
			</view>
			<view class="keyboard">
				<view class="key">
					1
				</view>
				<view class="key">
					2
				</view>
				<view class="key">
					3
				</view>
				<view class="key">
					4
				</view>
				<view class="key">
					5
				</view>
				<view class="key">
					6
				</view>
				<view class="key">
					7
				</view>
				<view class="key">
					8
				</view>
				<view class="key">
					9
				</view>
				<view class="key">
					<view class="key-cancel">
						CANCE<br/>L
					</view>
				</view>
				<view class="key">
					0
				</view>
				<view class="key">
					<view class="key-delete">
						DELET<br/>E
					</view>
				</view>
			</view>
		</view>
		<!-- ifShow -->
		<view class="Btn">
			<text 
			class="text-white"
			:class="ifDrawerShow ? 'cuIcon-back' : 'cuIcon-right' "
			@tap="showDrawer"
			></text>
		</view>
	</view>
</template>

<script>
	import uniDrawer from '../../components/uni-drawer/uni-drawer.vue';
	export default {
		components:{
			uniDrawer,
		},
		data() {
			return {
				ifDrawerShow: false,
			}
		},
		onLoad() {

		},
		methods: {
			showDrawer(){
				this.ifDrawerShow = ! this.ifDrawerShow;
			},
			goPage(id){
				uni.navigateTo({
					url: '../login'+ id +'/login'+ id
				})
			}
		}
	}
</script>

<style>
	@import url("./index.css");
</style>



